<div id="contenedor">
    <img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/categorias-cat_{$cat_id}" alt="{$categoria}" />
    <div id="contenido">
        {$ColLeft}
        <div id="col_right_2">
            <div class="buscador" style="margin-bottom:15px">
                <div class="ofertas">
                    <a href="{$smarty.const.WEB_ROOT}/categorias/{$cat_key}">{$categoria}</a> 
                    {if $subcategoria} - <a href="{$smarty.const.WEB_ROOT}/categorias/{$cat_key}/{$sub_key}">{$subcategoria}</a> {/if}
                </div>
            </div>
            <div id="productos">
                <div style="width: 794px; height: auto;">{$navigator}</div>
                {foreach from=$productos item=pro}
                <div>
                    <a href="{$smarty.const.WEB_ROOT}/producto-detalle/{$pro->pro_key}/{$cat_id}/{$sub_id}"><img src="{$pro->imagen}" alt=""/></a>
                    <p><a href="{$smarty.const.WEB_ROOT}/producto-detalle/{$pro->pro_key}/{$cat_id}/{$sub_id}"><strong>{$pro->pro_nombre}</strong></a></p>
                    <!--p>{$pro->nombre}</p-->
                    <p><strong class="red">S/.{$pro->pro_precio}</strong> &nbsp; &nbsp; &nbsp; &nbsp; <strong>${$pro->precio2}</strong></p>
                    <a href="{$smarty.const.WEB_ROOT}/svc/agregar-carrito/{$pro->pro_id}/{$pro->precio2}" class="btnAgregar"></a>
                </div>
                {/foreach}
                <div class="clear"></div>
                <div style="width: 794px; height: auto;">{$navigator}</div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>